<!--
 * @Author: Allyn
 * @Description: 
 * @Date: 2022-02-05 19:47:40
 * @LastEditTime: 2022-02-05 20:05:03
 * @FilePath: \hmYouGou\components\test.vue
-->
<template>
  <div v-show="isshow">
    <div class="box">{{text}}</div>
  </div>
</template>

<script>
export default {
  name: 'HmyougouTest',

  data() {
    return {
      text: '我式一个组件',
      isshow: false,
    };
  },
  methods: {
    show() { //显示
      this.isshow = true
    },
    hide() { //隐藏
      this.isshow = false
    }
  }
};
</script>

<style>
.box {
  position: relative;
}
</style>
